@-webkit-keyframes mymove {
	0% {top: 0;}
	100% {top: 100;}
}
.index {
    width: 100%;
    height: 100%;
	background: #fff;
	padding-top: 250rpx;
}
.content {
	z-index: 998;
}
.home_top {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.bg {
    width: 100%;
    top: -2rpx;
    height: 480rpx;
    z-index: 1;
	background: linear-gradient(180deg,#467772, #98bfbd);
}

.search {
	top: -60rpx;
	z-index: 99;
}
.sticky {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 9999;
		padding-bottom: 10rpx;
		background: #e1e1e1;
		animation:mymove 5s infinite;
        /*Safari 和 Chrome:*/
		-webkit-animation:mymove 5s infinite;
	}
.main {
    padding: 0 16rpx;
    color: #fff;
    z-index: 998;
	top: -40rpx;
    .title {
        padding-top: 40rpx;
        padding-bottom: 20rpx;
    }
    
    .shopSign {
        margin-top: 28rpx;
        image {
            width: 100%;
            height: 160rpx;
        }
    }
    .banner {
        margin-top: 18rpx;
        border-radius: 18rpx;
        height: 330rpx;
        overflow: hidden;
        image {
            width: 100%;
            height: 330rpx;
        }
    }
    .advertising {
        margin-top: 20rpx;
        image {
            width: 100%;
            height: 152rpx;
        }
    }
    
    .news {
        height: 88rpx;
        background: linear-gradient(90deg,#fff3e9, #fef7f7);
        border-radius: 12rpx;
        .news_logo {
            width: 60rpx;
            height: 60rpx;
            margin: 0 28rpx;
        }
        .news_title {
            color: #333;
            font-size: 24rpx;
            line-height: 88rpx;
			width: 75%;
        }
    }
    .goods {
        margin-top: 40rpx;
        .goods-title {
            font-size: 36rpx;
            line-height: 36rpx;
            font-weight: bold;
            color: #333;
            padding-bottom: 26rpx;
        }
    }
}



	
